<style>
    #thelist {
        margin: 20px 0;
        padding: 0;
    }

    .item {
        float: left;
        /*width: 185px;*/
        height: 150px;
        margin: 0 15px 15px 0;
    }

    .selected {
        display: block;
        background-color: #fff;
    }

    .itemselected {
        border: 1px solid darkorange;
    }

</style>
<alert class="alert-msg" ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}
</alert>


<div class="panel-body">
    <form class="form-inline">
        <div class="form-group">
            <label for="uploadTime" style="width: 70px;">上传时间:</label>
            <input type="date" id="uploadTime" class="form-control" ng-model="uploadTime">
            <button type="submit" class="btn btn-primary" ng-click="queryList()">查询</button>
            <button ng-show="!isRunning" class="btn btn-primary" ngf-select ng-model="files">上传图片</button>
            <button ng-show="!contextIsModal" class="btn btn-danger" ng-click="removeSelect()">删除所选</button>
        </div>
    </form>
</div>

<div class="well well-sm pre-scrollable"
     style="max-height: 450px;">
    <ul id="thelist">

        <li ng-repeat="image in imageList" class="item thumbnail "
            ng-class="image.selected == 'true' ? ' itemselected' :''"
            ng-click="image.selected = !image.selected">

            <span class="glyphicon glyphicon-ok-sign selecter "
                  ng-class="!image.selected ? 'hide' :''"
                  ng-class="image.selected == 'true' ? 'selected' :''">

            </span>

            <div class="i_w_f">
                <img style="width:100px;height: 100px" src="{{image.url}}">

                <p>{{image.url.substring(image.url.lastIndexOf('/')+1)}}</p>
            </div>
        </li>
    </ul>
</div>

<div class="modal-footer" ng-if="contextIsModal">
    <button class="btn btn-primary" ng-click="innerOk()">操作</button>
    <button class="btn btn-cancel" ng-click="cancel()">取消操作</button>
</div>
